@charset "utf-8";
img { border:none}
a{ color:#333;text-decoration:none}
.redcolor { color:#C30}
.cl { clear:both}
.floatl{ float:left}
.floatr{ float:right}

.searchBox {background: #DADFE3 ;border: 1px solid #CCC;color: #333;font-size: 12px;font-weight: normal;margin-bottom: 12px;
padding:3px 10px 3px 10px;}
.confirmBtn {background: url(../images/btn.jpg) no-repeat;border: none;color: white;font-size: 12px;font-weight: normal;height: 24px;width: 60px;}
.gridBorder { border:1px solid #ccc}
.editor-l {vertical-align:top;padding:0px 10px 0px 0px}
.editor-r {  color:#333}
.editor-r a{color:#333; text-decoration:none}
.editor-r a:hover{ color:#30F; text-decoration:none}
.editor-title { background:url(../images/box_bg.jpg) center repeat-x; color:#333; font-size:12px;padding:5px 10px 5px 10px; margin:0px; height:25px; border:1px solid #B7BFC2}
.editor-main {}
.editor-input {  vertical-align:top; padding:0px 5px 0px 0px}
	.editor-input ul{ list-style:none; margin:0px; padding:10px}
	.editor-input ul li { text-align:center; width:100%; padding:5px 0px 5px 0px}
	.editor-input ul li.preview{ text-align:left; position:relative; padding-top:0px}
	.editor-input ul li.preview .imgframe{ width:240px ; height:160px;  position:absolute;z-index:1000; background:url(../images/imgframe.gif) center no-repeat}
	.editor-input ul li.preview img{ width:240px; height:160px}
	.editor-input ul li.textinput{ }
	.editor-input ul li.info{font-size:12px;padding:2px 0px 5px 0px}
.editor-box { border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}

	
.editor-frame { width:180px; vertical-align:top; padding:0px 0px 0px 5px}
	.editor-frame ul{ list-style:none; margin:0px; padding:0px 10px}
	.editor-frame ul li { text-align:center;}
	.editor-frame .preview{ border-bottom:1px dashed #ccc; text-align:left;  padding:5px; position:relative}
	.editor-frame .preview img{ width:90px; height:70px; }
	.editor-frame .preview .txt{width:90px; height:70px;  background:#fff; padding:3px; border:1px solid #999; float:left; margin:0px; font-size:12px; overflow:hidden; color:#666}
	.editor-frame .preview .imgs{width:90px; height:70px;  background:#fff; padding:3px; border:1px solid #999; float:left; margin:0px; font-size:12px; overflow:hidden;}
		
	.editor-frame .preview .txt p{ width:84px; height:64px; margin:0px; padding:3px;}
	.editor-frame .frameNumber { text-align:center; position:absolute;  width:31px; height:17px;letter-spacing:-1px; background: url(../images/pop.gif) right bottom no-repeat;  font-family:arial; padding-top:2px }	

	* html .editor-frame .frameNumber { text-align:center; position: absolute; top:1px; right:76px; z-index:1000; width:31px; height:17px; font-size:10px; background: url(../images/pop.gif) right bottom no-repeat; font-family:Arial; padding-top:2px }
	*+html .editor-frame .frameNumber { text-align:center; position:absolute;  top:1px; right:76px;;width:31px; height:17px; font-size:10px; background: url(../images/pop.gif) right bottom no-repeat; font-family:Arial; padding-top:2px }

	.editor-frame .current { background: #E8F3FF;}
	.editor-frame .up{  padding:0px;font-size:1px; line-height:1px; height:16px; margin-top:0px; padding-top:0px; border-bottom:1px dashed #ccc;}
	.editor-frame .down{ padding:0px;font-size:1px; line-height:1px; height:16px; margin-bottom:0px; padding-bottom:0px}
	.editor-frame a.up-btn{ background:url(../images/fatcow_1769.gif) center -32px no-repeat ; width:100%; height:16px; display:block; margin:0 auto;font-size:1px; line-height:1px; }
	.editor-frame a.up-btn:hover{ background:#D9ECFF url(../images/fatcow_1769.gif) center 0px no-repeat ;}
	.editor-frame a.down-btn{ background:url(../images/fatcow_1769.gif) center bottom no-repeat ; width:100%; height:16px; display:block; margin:0 auto;font-size:1px; line-height:1px; }
	.editor-frame a.down-btn:hover{ background:#D9ECFF url(../images/fatcow_1769.gif) center -16px no-repeat ;}
	
	.editor-frame .editor-frame-table p{ padding:5px 0px 0px 16px; margin:5px 0px 0px 3px; font-size:12px; line-height:12px ; float:left;  height:17px; width:40px;}
	.editor-frame .editor-frame-table p.ringtype{ background:url(../images/icos.gif) left 0px no-repeat;}
	.editor-frame .editor-frame-table p.imgtype{ background:url(../images/icos.gif) left -22px no-repeat;}
	.editor-frame .editor-frame-table p.txttype{ background:url(../images/icos.gif) left -44px no-repeat; }
	.editor-frame .editor-frame-table p.delframe{ background:url(../images/icos.gif) left -66px no-repeat;}
	.editor-frame .editor-frame-table p.second{ background:url(../images/icos.gif) left -88px no-repeat; }
	.editor-frame-table { font-size:12px;}
	.editor-frame-table td{ border-bottom:1px dashed #ccc;}

.editor-tabletitle { background:url(../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) center repeat-x; color:#fff; font-size:12px; font-weight:bold; text-align:center; height:24px; line-height:24px}

.legend { font-size:12px;color:#2191C0;font-weight:bold; background:#fff url(../images/titlebg.gif) center repeat-x;border:#A5C8F3 solid 1px;padding:3px 6px; height:20px; line-height:20px; margin-top:10px}
.list {margin:0px ; padding:0px; font-size:12px; line-height:18px;color:#333; border-bottom:1px solid #f3f3f3;}
.fontbold {font-weight:bold} 

.zoomin {display:block; text-indent:16px;}
.zoomin:hover { display:block; background:url(../images/359.gif) left top no-repeat;}
.zoomout { display:block;text-indent:16px;}
.zoomout:hover { display:block; background:url(../images/360.gif) left top no-repeat;}

.editor-frame-table .icons { width:56px;height:16px; margin: 0px;}
.editor-frame-table .icons td{ border:none; padding:6px 0px 0px 3px}
.ico-ring { background:url(../images/LedIcon_281.gif) no-repeat; width:16px; height:16px; display:block}
.ico-txt { background:url(../images/LedIcon_306.gif) no-repeat; width:16px; height:16px; display:block}
.ico-video { background:url(../images/LedIcon_210.gif) no-repeat; width:16px; height:16px; display:block}
.ico-ring-gray { background:url(../images/LedIcon_281-gray.gif) no-repeat; width:16px; height:16px; display:block}
.ico-txt-gray { background:url(../images/LedIcon_306-gray.gif) no-repeat; width:16px; height:16px; display:block}
.ico-video-gray { background:url(../images/LedIcon_210-gray.gif) no-repeat; width:16px; height:16px; display:block}

.insertFrame { font-weight:normal;background:url(../images/LedIcon_211.gif) left center no-repeat;width:38px; padding:0px 0px 3px 18px; height:16px; display:block}
.insertFrame-gray {font-weight:normal;background:url(../images/LedIcon_211-gray.gif) left center no-repeat; width:38px; padding:0px 0px 3px 18px; height:16px; display:block}
form {margin:0px;padding:0px}
